.site-settings {
	font-size: 14px;

	fieldset {
		clear: both;
		margin-bottom: 24px;

		&:last-child {
			margin-bottom: 0;
		}
	}

	label {
		display: block;
	}

	input {
		display: inline-block;
	}

	.short-settings {
		display: block;
		min-width: 200px;
	}

	select + label {
		margin-top: 24px; // Give labels some margin when they immediately follow a select
	}

	input[type="number"] {
		padding: 0;
		width: 50px;
		text-align: center;
	}

	input[type="text"] {
		-webkit-appearance: none;
	}

	legend,
	label {
		margin-bottom: 5px;
		font-size: 14px;
		font-weight: 600;
	}

	legend + label,
	label + label,
	li label,
	input[type="checkbox"] + label,
	input[type="radio"] + label,
	label input[type="checkbox"],
	label input[type="radio"] {
		font-weight: normal;
	}

	label a,
	p a {
		text-decoration: underline;
	}

	p:last-child {
		margin-bottom: 0;
	}

	.is-primary {
		float: right;
	}

	.empty-content {
		.is-primary {
			float: none;
		}
	}

	.form-toggle__switch {
		margin-top: 3px;
	}

	p.form-setting-explanation {
		display: block;
		margin: 5px 0;
		font-size: 13px;
		font-style: italic;
		font-weight: 400;
		color: $gray-text-min;
		&.is-indented {
			margin-left: 24px;
		}
	}

	p.settings-alert {
		font-weight: 400;
		color: $alert-red;
	}

	ul li,
	ol li {
		margin-bottom: 0;
	}

	.analytics-settings {
		padding-top: 20px;
	}

	.site-settings__blogaddress-settings {
		@include breakpoint( ">660px" ) {
			display: flex;
		}

		.button {
			width: 100%;
			margin-left: 0;
			margin-top: 5px;

			@include breakpoint( ">660px" ) {
				width: 45%;
				margin-left: 16px;
				margin-top: 0;
			}
		}
	}

	.seo-settings__seo-form .form-text-input-with-affixes__prefix {
		min-width: 60px;
		text-align: center;
	}

	.seo-settings__seo-sitemap {
		word-wrap: break-word;
		word-break: break-word;
	}

	.verification-code-error {
		color: $alert-red;
		font-weight: bold;
	}

	.seo-settings__seo-form .counted-textarea {
		&.is-exceeding-acceptable-length {
			background: $alert-yellow;
		}
	}

	.seo-settings__seo-form .seo-settings__preview-button {
		display: block;
		float: left;
		margin-right: 24px;
	}

	.seo-settings__seo-form .seo-settings__preview-explanation {
		display: block;
		float: left;
		line-height: 40px;
	}

	.seo-settings__front-page-description {
		margin-bottom: 1.5em;
	}

	fieldset.site-icon-setting {
		@include breakpoint( ">660px" ) {
			flex: 0 0 122px;
			order: 1;
			margin-bottom: 0;
			padding-right: 24px;
		}
	}

	.site-icon-setting__heading {
		@include breakpoint( ">660px" ) {
			justify-content: space-between;
			white-space: nowrap;
		}
	}

	.site-icon-setting__icon {
		@include breakpoint( "<660px") {
			float: left;
			margin-right: 8px;
		}
	}

	.site-icon-setting__button {
		@include breakpoint( "<660px") {
			display: block;
			margin-bottom: 8px;
		}
	}
}

.site-settings__general-settings,
.site-settings__writing-settings,
.site-settings__traffic-settings,
.site-settings__security-settings {
	.form-toggle__label {
		display: flex;
		align-items: center;
	}

	.form-toggle__switch {
		flex: 1 0 auto;
	}

	hr {
		margin: 0 -24px 1.5em;
	}
}

.site-settings__discussion-settings {
	.form-toggle__label {
		display: flex;
		align-items: center;
	}

	.form-toggle__switch {
		flex: 1 0 auto;
	}

	.form-toggle__switch + span {
		flex: 0 1 100%;
		margin-left: 12px;
	}

	hr {
		margin: 0 -24px 1.5em;
	}

	.site-settings__other-comment-settings {
		.form-toggle__label {
			align-items: flex-start;
		}

		.form-toggle__switch {
			margin-top: 5px;
		}

		.form-toggle__switch + span {
			line-height: 26px;
		}

		.form-select {
			margin-top: 2px;
		}
	}

	.site-settings__moderation-settings {
		.form-label {
			font-weight: normal;
		}
	}
}

.site-settings__site-options {
	padding-bottom: 24px;

	@include breakpoint( ">660px" ) {
		display: flex;
	}
}

.site-settings__site-title-tagline {
	@include breakpoint( ">660px" ) {
		flex: 0 1 100%;
		order: 2;
	}
}

.site-settings__amp {
	.section-header__actions {
		display: flex;

		button {
			margin-left: 15px;
		}
	}
}

.site-settings__footer-credit-container {
	margin-bottom: 16px;
}

.site-settings__footer-credit-nudge.card.upgrade-nudge {
	margin: 0;
}

.site-settings__footer-credit-change {
	width: 175px;
	text-align:center;
}

.site-settings__footer-credit-explanation {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}


.writing-settings,
.general-settings {
	@include breakpoint( "<660px" ) {
		select{
			width: 100%;
		}
	}
}

.jetpack-protect__deactivate,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button {
	margin-right: 8px;
}

// @TODO: Remove has-divider once all instances have been replaced with .site-settings__has-divider
.has-divider, .site-settings__has-divider {
	margin: 0 -24px;
	padding: 24px 24px 16px 24px;
	border: 1px lighten( $gray, 30% ) solid;
	border-width: 1px 0;

	&.is-top-only {
		border-bottom: 0px;
		padding-bottom: 0px;
	}
}

.site-settings__jetpack-prompt {
	display: flex;

	img {
		width: 128px;
		flex: 1;
		margin-right: 16px;
	}
}

.site-settings__jetpack-prompt-text {
	flex: 4;
}

.site-settings__taxonomies {
	margin-bottom: 17px;
}

.site-settings__foldable-card {
	&.foldable-card,
	&.foldable-card.is-expanded {
		margin-bottom: 16px;
	}

	.foldable-card__header {
		padding: 24px;
	}

	.foldable-card__expand {
		width: 64px;
	}

	&.is-expanded .foldable-card__content {
		padding: 8px 24px 24px;
		border-top: 1px lighten( $gray, 20% ) solid;
	}

	&.is-expanded.is-top-level .foldable-card__content {
		padding: 24px;
	}
}

// Site settings group styles
.site-settings__module-settings {
	.form-label {
		&.is-disabled {
			opacity: 0.3;
		}
	}
}

.site-settings__child-settings {
	margin: 16px 36px 0;
}

.site-settings__info-link-container {
	float: right;
}

.site-settings__add-to-whitelist {
	margin-top: 3px;
}

.site-settings__date-time-format {
	margin-top: -16px;

	.site-settings__date-time-format-title {
		color: $gray-text;
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 10px;
	}
	.site-settings__date-time-format-info {
		color: $gray-text-min;
		font-size: 13px;
		font-style: italic;
	}
}
